<?php echo $this->Html->css('search'); ?>
<div id="main" class="remove_top_border">
    <div class="post-content">
        <div class="content_inner">
            <div class="first-row">
                <span class="title">You may be interested in the following products</span>
            </div>
            <div class="products" id="product_list" style="height:500px">
                <?php 
                $i = 0;
                foreach($recommends as $product) { ?>
                    <div class="product first">
                        <a href="<?=$this->webroot?>products/view/<?=$product['Product']['id']?>" class="product-wrapper">
                            <img src="<?=$this->webroot?>img/posts/<?=$product['Product']['image']?>" width="180" height="180" class="attachment-shop_catalog wp-post-image" alt=""/>
                            <h3 class="product-title"><?=$product['Product']['name']?></h3>
                        </a>
                        <a href="<?=$this->webroot?>deals/product_deals/<?=$product['Product']['id']?>" rel="nofollow" data-product_id="126" class="btn btn-reset">Deals</a>
                        <a href="<?=$this->webroot?>products/view/<?=$product['Product']['id']?>" rel="nofollow" data-product_id="126" class="btn btn-reset" style="margin-right:2%">Details</a>
                    </div>
                <?php 
                ++$i;
                if ($i % 3 == 0) {
                    ?>
                    <div style="clear:both"></div>
                    <?php
                }
                } 
                ?>
            </div>
        </div>
    </div>
</div>
